@charset "utf-8";
/* CSS Document */
body{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#5b5b5b;
}
body, div, span, tr, td, a, input, select{
	margin:0; padding:0;
	outline:none !important;	
}
.bd{
	border:1px solid #f00;
}
.bold{ font-weight:bold;}

@font-face{
	font-family: MavenPro;
	src:url(../font/mavenpro/MavenPro-Regular.ttf);
}
@font-face{
	font-family: MavenProOTF;
	src:url(../font/mavenpro/MavenPro-Regular.otf);
}
@font-face{
	font-family: MavenProMedium;
	src:url(../font/mavenpro/MavenPro-Medium.otf);
}
@font-face{
	font-family: MavenPro300;
	src:url(../font/mavenpro/MavenProLight-300.otf);
}
@font-face{
	font-family: MavenPro200;
	src:url(../font/mavenpro/MavenProLight-200.otf);
}
@font-face{
	font-family: Lucida;
}
@font-face{
	font-family: HelveticaLight;
	src:url(../font/helvetica/HelveticaLight.ttf);
}

.MavenPro{ font-family:MavenPro !important;}
.MavenProMedium{ font-family:MavenProMedium !important;}
.MavenPro300{ font-family:MavenPro300 !important;}
.MavenPro200{ font-family:MavenPro200 !important;}
.MavenProOTF{ font-family:MavenProOTF !important;}
.Lucida{ font-family:Lucida !important;}
.HelveticaLight{ font-family:HelveticaLight;}

.line-bt{
	width:100%;
	border-bottom:1px solid #faa146;
	height:1px; line-height:1px;
}
.line-tp{
	width:100%;
	border-top:1px solid #653403;
	height:1px; line-height:1px;
}
.content{
	padding:0; margin:0;
}
#error{ color:#F30;}
.wapper{
	width:100%; text-align:left;
	-moz-box-shadow: 0 0 5px 4px #cfcdcd;
	-webkit-box-shadow: 0 0 5px 4px #cfcdcd;
	box-shadow: 0 0 5px 4px #cfcdcd;
	float:left;
	margin-top:10px;
	background:#33363f;
}
.header{
	float:left; width:100%; height:50px; margin-top:5px;
}
.header_login{
	background: none repeat scroll 0 0 #fff;
    border: medium none;
    border-radius: 0;
    box-shadow: 0 1px 3px #ddd;
    filter: none;
    padding-left: 0;
    padding-right: 0;
	margin-top:15px;
	height:55px;
}
.login_title{
	font-size:20px; color:#999; margin-top:10px; font-family:MavenPro; float:left;
}
.login{
	width:400px; height:auto; margin-top:60px; text-align:left;
	background:#fefefe;
	border: 1px solid #e0dede;
    box-shadow: 0 0 3px #e0dede;
    padding: 30px 30px 30px;
	border-radius:2px;
	-moz-border-radius:2px;
}
.iconemail{ width:40px; height:32px; background:#e5e5e5; float:left;}
.imgmail{ margin-left:10px; margin-top:9px;}
.imgkey{ margin-left:10px; margin-top:6px;}
.txt_login{ border: 1px solid #e5e5e5; height:28px; width:335px; padding-left:15px; font-size:16px; }
.checkbox{  border: 1px solid #e5e5e5; margin-left:-1px; }
.btn_login{ float:right; width:50px; height:25px; background:#35aa47; margin-right:8px; color:#fff !important; font-weight:600;
font-family:MavenProOTF; font-size:18px; padding:5px 12px 5px 12px; cursor:pointer;
}
.btn_login:hover{ color:#dff904 !important;}
.line{ width:391px; border-top: 1px solid #e5e5e5; line-height:1px; height:1px; float:left; margin-top:20px;}
.ifbook{ background:url(../img/facebook.png);}
.twitter{ background:url(../img/twitter.png);}
.igoogle{ background:url(../img/googleplus.png);}
.iin{ background:url(../img/linkedin.png)}

.fbook{ width:32px; height:29px; background-position:0px 0px;}
.fbook:hover{ background-position:0px -38px;}

.witter{ width:32px; height:29px; background-position:0px 0px; margin-left:10px;}
.witter:hover{  background-position:0px -38px;}

.google{ width:28px; height:29px; background-position:0px 0px; margin-left:10px;}
.google:hover{ background-position:0px -38px;}

.in{ width:32px; height:29px; background-position:0px 0px; margin-left:10px;}
.in:hover{  background-position:0px -38px;}

.cleft{ 
	float:left; width:16%; background:#33363f; height:auto; min-height:500px;
	-webkit-transition: all 1s; /* Chrome*/
	-moz-transition: all 1s; /* Mozilla*/
	-o-transition: all 1s; /* Opera*/
	transition: all 1s;
}
.cright{
	float:left; width:84%;  background:#eeeeee; height:auto;  min-height:510px;
	-webkit-transition: all 1s; /* Chrome*/
	-moz-transition: all 1s; /* Mozilla*/
	-o-transition: all 1s; /* Opera*/
	transition: all 1s;
}

.cleft2{
	float:left; width:5.5%; background:#33363f; height:auto; min-height:500px;
	-webkit-transition: all 1s; /* Chrome*/
	-moz-transition: all 1s; /* Mozilla*/
	-o-transition: all 1s; /* Opera*/
	transition: all 1s;
}
.cright2{ 
	float:left; width:94.5%;  background:#eeeeee; height:auto;  min-height:500px;
	-webkit-transition: all 1s; /* Chrome*/
	-moz-transition: all 1s; /* Mozilla*/
	-o-transition: all 1s; /* Opera*/
	transition: all 1s;
}

.ulmtop{ float:left; margin: 0 0 10px -42px;}
.ulmtop li{ float:left; list-style:none;}

.uluser{ float:right;}
.uluser li{ float:left; list-style:none; margin-left:10px; }

.ltop-title{ width:100%; float:left; height:51px; background:url(../img/top-title.png); }
.ltitle{ margin:12px 0 0 12px; float:left;}

.l-menu{ height:53px; width:100%; background:url(../img/l-menu.png) repeat-x; float:left;  font-size:16px;}
.l-menu:hover a{ color:#43d5ca;}
.l-menu a{ color:#939393; outline:none; text-outline:none; text-decoration:none;}
.l-menu a:hover{ color:#43d5ca;}

.ccontent{  height:auto; margin:10px;}
.cheader{ 
width:99.8% !important; border:1px solid #d1dde2; 
border-radius:5px;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
height:30px;
border-bottom:none;

background: rgb(255,255,255); /* Old browsers */
background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(226,234,244,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(226,234,244,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(226,234,244,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(226,234,244,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(226,234,244,1) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(226,234,244,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e2eaf4',GradientType=0 ); /* IE6-9 */

}
#boxsearch{
	border:1px solid #d1dde2 !important; 
	margin-bottom:-13px; margin-top:0px;
	background:#eef3f9;
	width:98.1% !important; 
	border-radius:5px;
	-webkit-border-radius:5px;
	border-top-right-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	border-top-left-radius: 5px;
	-webkit-border-top-left-radius: 5px;
	border-bottom:none !important;
	border-bottom-left-radius: 0px;
	-webkit-border-bottom-left-radius: 0px;
	border-bottom-right-radius: 0px;
	-webkit-border-bottom-right-radius: 0px;
	padding:9px;
}
.contentbox{
	border:1px solid #d1dde2;
	margin:8px;
	float:left;
	width:98.3% !important; 
	border-radius:5px;
	-webkit-border-radius:5px;
}
.row{
	width:100%; float:left; 
}
.row-item{
	margin:10px 0 10px 20px;
}
.row-items{
	margin:10px 10px 10px 0px;
}
.lb-item{ margin-top:3px;}
.tbtitle{ 
 font-size:18px; font-family:MavenProOTF; float:left; 
 margin-top:3px; margin-left:10px; color:#05b2a5; 
}
.ttform{
	min-height:30px; background:#eef3f9;	
}
/*#gridview .ui-widget-content{ min-height:370px !important;}
/#gridview  { height:350px !important;}*/

#menuclick{ 
	margin-top:16px; font-size:14px; color:#c2641f; float:right;
	text-shadow: 0px 4px 3px rgba(0,0,0,0.4),
             0px 8px 13px rgba(0,0,0,0.1),
             0px 18px 23px rgba(0,0,0,0.1);
}
.ulmtop a{ text-decoration:none; color:#7d7f80; font-size:13px;}
.tab-l{
	float:left; 
	background:#fff; 
	height:30px; 
	border-radius: 15px;
	position:relative;
	z-index:999;
	margin-top:-3px;
}
.tab-l-ct{
	height:16px;
	margin-right:3px;
	border-radius: 10px;
	margin-top:4px;
	padding:3px 7px 4px 7px; color:#fff;
	box-shadow: 0 0 2px #888;
	color:#03a599;
	margin-right:5px;
	min-width:9px;
}
.imgs:hover {
-webkit-box-shadow: 0px 0px 15px 15px #fff; box-shadow: 0px 0px 15px 15px #fff; border-radius:50%; opacity: 0.6; -webkit-transform: rotate(720deg); transform: rotate(720deg);
}
.imgs {
opacity: 1; -webkit-transition: all 0.7s ease; transition: all 0.7s ease;
}
.tab-r{
	float:left;	
	margin-left:-15px;
	position:relative;
	z-index:998;	
	border: 1px solid #dcdcdc;
	color: #777;
	height:16px;
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
	margin-right:5px;
	padding: 3px 2px 3px 5px;
}

.tab-r-yellow-jadd{
	background:yellow;
}

.tab-r-default-jadd{
	background:#ccc;
	background: -moz-linear-gradient(center top , #ededed 5%, #dfdfdf 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
}

.tab-r-ct{
	cursor: pointer;
	text-shadow: 1px 1px 0 #f8f8f8;
	margin-left:12px;
}
.circles{ 
  height:14px;
  border-radius:2px;
  -moz-border-radius:2px; 
  padding:3px 10px 4px 10px; color:#fff;
  box-shadow: 0 0 2px #888;
  margin-top:1px;
  color:#04958a;
  cursor:pointer;
}
.boxinsert{
	border:1px solid #d1dde2 !important; 
	margin:0px 0px 10px 0px;
	width:98.4% !important; 
	border-radius:5px;
	-webkit-border-radius:5px;
	border-top-right-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	border-top-left-radius: 5px;
	-webkit-border-top-left-radius: 5px;
	padding:9px;
	background: #dbe8f9;
	border:1px solid #d1dde2 !important;

}
.rows{ width:100%; float:left;}
.boxinsert_title{
	color:#049d92; font-weight:600;
}
.titles{
	width:100%; height:28px;
	background: rgba(255,255,255,1);
	
	border-bottom:1px solid #d1dde2 !important; 
	border-top-left-radius:5px;
	border-top-right-radius:5px;
	margin-bottom:10px;
}
.breadcrumb{ 
	margin-top:-40px;
	width:99.1% !important; 
	background: #dbe8f9;
    border-color: #d1dde2 #d1dde2 -moz-use-text-color !important;
    border-image: none !important;
    border-radius: 5px;
    border-style: solid solid none !important;
    border-width: 1px 1px medium !important;
	padding:7px 5px 5px 5px;
	border:1px solid #d1dde2 !important;
	height:20px !important;
	color:#7d7f80;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
}
.noidungct *{ font-size:12px !important;}